<template>
  <div class="btm">
      <router-link to="/home">
      <span class="iconfont icon-03"></span>
      <p>最爱</p>
      </router-link>
      <router-link to="/card">
      <span class="iconfont icon-duozhongzhifu"></span>
      <p>信用卡</p>
      </router-link>
      <router-link to="/money">
      <span class="iconfont icon-jijin"></span>
       <p>智理财</p>
      </router-link>
      <router-link to="/pick">
      <span class="iconfont icon-hebaoguanli"></span>
     <p>惠精选</p>
      </router-link>
       <router-link to="/mine">
       <span class="iconfont icon-xiaoxiangtubiao"></span>
       <p>我的</p>
       </router-link>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .btm{
        position: fixed;
        bottom: 0;
        display: flex;
        width: 100%;
        height: 0.37rem;
        background-color: white;
    }
    a{
        flex: 1;
        text-align: center;
    }
    span{
        font-size: 0.16rem;
    }
    p{
        font-size: 0.12rem;
    }
    a.router-link-exact-active {
  color: #fc5853;
}
</style>